event handling preventDefault()와 stopPropagation()의 차이 기본적인 이벤트를 방지할 때 e.preventDefault()를 많이 사용했었는데 프로젝트에서 e.stopPropagation()가 사용되고 있어서 두 개의 차이를 알아보기로 했다 차이를 알아보기에 앞서 먼저 두 메서드가 어떤 역할을 하는지부터 간단히 알아봤다 a tag를 누르게 되면 href를 통해 이동을 하거나 새로고침이 발생하게 된다 이러한 기본동작을 실행하지 않도록 막아주는 역할을 하... jsstopPropagationpreventDefaultevent handlingJavaScriptJavaScript [CS] React State & Props Day-21 React 함수 컴포넌트 (React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있습니다. React Component에 props를 전달할 수 있습니다. 살면서 변할 수 있는 값을 뜻합니다. 컴포넌트 사용 중 변할 수 있는 값 state를 갱신하려면 state 변수를 갱신할 수 있는 함수인 setIsChecked를 호출합니다. 사용... event handlingonchange이벤트 핸들링useStateReactStateState hookcomponent statePropscamelCaseonClickProps
preventDefault()와 stopPropagation()의 차이 기본적인 이벤트를 방지할 때 e.preventDefault()를 많이 사용했었는데 프로젝트에서 e.stopPropagation()가 사용되고 있어서 두 개의 차이를 알아보기로 했다 차이를 알아보기에 앞서 먼저 두 메서드가 어떤 역할을 하는지부터 간단히 알아봤다 a tag를 누르게 되면 href를 통해 이동을 하거나 새로고침이 발생하게 된다 이러한 기본동작을 실행하지 않도록 막아주는 역할을 하... jsstopPropagationpreventDefaultevent handlingJavaScriptJavaScript [CS] React State & Props Day-21 React 함수 컴포넌트 (React Function Component)에서 state hook을 이용하여 state를 정의 및 변경할 수 있습니다. React Component에 props를 전달할 수 있습니다. 살면서 변할 수 있는 값을 뜻합니다. 컴포넌트 사용 중 변할 수 있는 값 state를 갱신하려면 state 변수를 갱신할 수 있는 함수인 setIsChecked를 호출합니다. 사용... event handlingonchange이벤트 핸들링useStateReactStateState hookcomponent statePropscamelCaseonClickProps